#navbar-iframe{display:none!important;height:0;visibility:hidden}
body{background:#aaa url(http://1.bp.blogspot.com/-Q3_QGaZY1CA/UbQNujdj5KI/AAAAAAAAB04/O4caq69pa0I/s1600/body+spider.png)no-repeat top left;color:#444;font:x-small Georgia;font-size:small;text-align:center;margin:0;background-attachment:fixed}
a:hover{color:#333;text-decoration:underline}
a img{border-width:0}
#header-wrapper{width:1000px;height:100px;background:none;margin:0 auto}
#header-logo{z-index:100;float:left;position:absolute;margin:0}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:1000px;height:100px;text-align:left;color:#666;display:none;margin:0}
#header2{float:right;width:0;margin-right:0;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:2px 0 5px}
#header h1,#header p{line-height:1.4em;text-transform:uppercase;font:bold 22px Arial;margin:0 auto;padding:5px}
#header a{color:#0a2e56;text-decoration:none}
#header a:hover{color:#D20000}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.4em;font:12px Arial;color:#666;display:none;margin:0 auto;padding:0 5px 5px}
#header img{margin-right:auto;margin-left:auto}
#outer-wrapper{background:#fff;width:1000px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}
#main-wrapper{padding-top:5px;width:675px;float:left;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;padding-top:10px}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{width:649px;float:left;background:#fff;border:1px solid #c2c2c2;position:relative;overflow:hidden;margin-bottom:6px;margin-right:14px;padding:10px;box-shadow:1px 4px 8px #444;transition:all 400ms ease-in-out}
.post h1,.post h2{font-size:160%;font-weight:700;line-height:1.2em;color:#0a2e56;margin:.0em 0 0;padding:4px 0}
    .post h1 a{border:1px solid#ddd;padding:5px;box-shadow:2px 2px 2px #000;background:linear-gradient(90deg, orange, #FFFFFF 50%, orange);text-align:center}
    .post h1 a:before{content:&quot;---------\2744&quot;;width:0;height:0;}
    .post h1 a:after{content:&quot;\2744 --------- &quot;;;width:0;height:0;}
    .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#0a2e56;font-weight:700;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333}
.post-body{border-top:2px solid #ddd;padding-top:10px;text-align:justify;font:13px Tahoma;line-height:1.5em;margin:15px 0 .75em;position:relative;}
.post-body blockquote{background:url(http://karina-project2.googlecode.com/files/BLOCKQUOTE.png)repeat-y;width:500px;max-height:350px;margin-left:35px;line-height:1.3em;overflow:auto;}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{font:14px/1em Georgia;color:#000;letter-spacing:.001em;line-height:1em;float:left;margin:30px;padding:5px 30px}
.post blockquote p{margin:.75em 0}
.post img,table.tr-caption-container{border:0}
blockquote{position:relative}   
blockquote .c_b{display:block;position:absolute;top:0;right:0;z-index:99;padding:2px 5px;}
.tr-caption-container img{border:none;padding:0}
.clear{clear:both}
#blog-pager{clear:both;text-align:center;margin:0 auto;padding:10px 0 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;color:#eee;background:#1a4d86;font:bold 12px Arial;text-transform:none;border-radius:4px;display:none!important;margin:0;padding:5px}
.feed-links{clear:both;line-height:2.5em}
    .sidebar h2:before{content:&quot;--------\2744 &quot;;width:0;height:0;color:yellow}
    .sidebar h2:after{content:&quot;\2744 -------- &quot;;width:0;height:0;color:yellow}
    .sidebar h2{background:linear-gradient(90deg,darkred,#fff 50%,darkred);font:bold 12px Arial;color:cyan;text-shadow:0 1px 1px #000;margin:0;padding:5px 30px;text-align:center}
.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;border-bottom:1px dotted #ddd;margin:0;padding:5px 0 4px}
.sidebar .widget{margin-bottom:1px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0 5px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;margin:0;padding:0}
.sidebar1 .widget{margin:0;padding:0}
#Label1 li{float:left;width:50%}
.creditpic{background:red;width:100%;border-top:1px solid #000;margin:0 auto;padding:0}
.credit{width:980px;line-height:1.6em;text-align:center;font-size:11px;color:#fff;overflow:hidden;clear:both;background:red;margin:0 auto;padding:10px}
.credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}
.nav-container{width:100%;margin:0 auto;padding:0}
.f-nav{z-index:9999;position:fixed;left:0;top:0;width:100%}
.nav{background:url(http://karina-project.googlecode.com/files/nafigasi.png) repeat-x top left;width:1000px;height:30px;border-bottom:2px solid #000;border-top:1px solid #000;margin-top:-20px;padding:0}
.nav ul{padding-left:0;color:#fff;text-transform:uppercase;list-style-type:none;font:bold 11px Arial;text-shadow:1px 1px 1px #000;margin:0}
.nav li a{float:left;display:block;text-decoration:none;color:#fff;border-right:1px solid #666;padding:8px 10px}
.nav li a:hover{background:url(http://karina-project.googlecode.com/files/navi%202.png) repeat-x;color:#fff;text-decoration:none}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#ccc;line-height:1.3em;font:normal 12px Arial;text-shadow:-1px -1px #111}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{border-bottom:0px solid #000;border-top:0px solid #111;width:1000px;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:890px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:250px;float:right;word-wrap:break-word;overflow:hidden}
.post-thumbnail{width:75px;height:75px;float:right;margin:50px 0 5px 10px}
.post-snippet:before {
content : attr(data-snippet);
} 
#shadow-page1{background:url(http://karina-project.googlecode.com/files/shadow1.png) no-repeat scroll center center transparent;height:20px;width:660px}
.clearfix:after{content:&quot;.&quot;;display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.author{background:url(https://lh4.googleusercontent.com/-4Ora8pqKQtI/UYIsLIAMpqI/AAAAAAAABog/6Y1d_8t_tyM/s18/photo2.jpg) no-repeat scroll left center transparent;color:#666;padding:2px 5px 2px 20px}
.clock{background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) no-repeat scroll left center transparent;color:#666;padding:2px 5px 2px 17px}
#boxcomment{border:0;background:#000;text-align:left;color:red;margin-bottom:0;height:20px;padding:5px}
#comments-total{color:#fff;text-align:center;margin-top:-14px}
.cm-outer{font:normal normal 11px Arial,Sans-Serif;border:0 solid;border-top:none;margin:0 auto;padding:0}
.cm-outer li{list-style:none;clear:both;border-top:2px dotted 2px;margin:0;padding:7px 10px 12px}
.cm-outer .cm-header{margin:0 0 5px}
.cm-outer .cm-content{overflow:hidden}
.cm-outer img{display:block;float:left;border:0 solid #000;background:#8fa2cb url(http://img1.blogblog.com/img/anon36.png) no-repeat 50% 50%;overflow:hidden;transition:all 2s ease;margin:2px 10px 2px 0}
.cm-outer img:hover{display:block;float:left;border:0 solid #000;background:#8fa2cb url(http://img1.blogblog.com/img/anon36.png) no-repeat 50% 50%;overflow:hidden;transform:scaleX(-1);margin:2px 10px 2px 0}
.accessible-hidden{position:absolute;top:-99px;left:-99px;width:1px;height:1px}
.readmorecontent{float:left;margin:0 auto}
#toc-outer{color:#000;font:normal 11px/14px Arial,Sans-Serif;height:auto;overflow:hidden;text-align:left;margin:0 auto;padding:0}
#loadingscript{background:transparent url(&#39;http://3.bp.blogspot.com/-Z0w4M80kNoE/Tz4_RrLC4fI/AAAAAAAACJY/2mQ2yk5hCdU/s1600/loading.gif&#39;) no-repeat 50% 45%;font-weight:700;font-size:20px;height:345px;text-align:center;text-indent:-99999px;padding:30px 0}
.itemposts{background-color:#fff;border:1px solid #ccc;border-radius:2px;float:right;height:130px;overflow:hidden;position:relative;width:45%;margin:0 1% 5px;padding:1%}
.itemposts h6{border-radius:0;background:#aaa;color:#333;font:bold 11px/16px Sans-Serif;height:15px;overflow:hidden;text-transform:none;margin:0 0 5px;padding:5px 6px!important}
.itemposts h6 a:hover{color:#AD3000;text-decoration:none}
.itemposts img{background-color:#fff;border:1px solid #ccc;border-radius:3px;float:left;height:65px;width:65px;margin:0 7px 5px 0;padding:3px}
.itemposts .itemfoot{border-radius:5px;border-top:2px solid #333;clear:both;background-color:#aaa;color:#FF4500;overflow:hidden;padding:3px}
.itemposts .itemfoot a.itemrmore{color:#333;float:right;font-weight:700;text-decoration:none}
.itemposts .itemfoot a.itemrmore:hover{text-decoration:underline}
#itempager{clear:both;padding:10px 0}
#halaman,#totalposts{color:#000;display:block;font:bold 10px Verdana,Arial,Sans-Serif;margin-bottom:10px;text-align:center;padding:0}
#halaman span,#halaman a{background-color:#666;color:#fff;display:inline;text-indent:0;text-decoration:none;margin:0 1px;padding:3px 10px}
#comments p a{display:none!important}
.item-control{display:inline}
.fixed{position:fixed;top:20px;z-index:9999}
 .posting:before {content : &quot;Full Blog Design- &quot;;color : #A52A2A;
}
.posting:after {content : &quot;Wassalam &quot;;color : #A52A2A;
} 
a:link,a:visited{color:red;text-decoration:none}
.shadow-widget{background:url(http://1.bp.blogspot.com/-PBxSNjm7MZo/USTU7cuB7SI/AAAAAAAAXNY/PhCRSShhNss/s1600/frame_shadow2+copy.png) no-repeat scroll center center transparent;height:20px;width:300px}
.quickedit,#halaman span.hidden{display:none}
#halaman a:hover,#halaman span.actual{background-color:red}
.item-control {display:inline}
.small-button{    background-color:#EDEDED !important;     border:1px solid #000;     border-radius:5px 5px 5px 5px;     box-shadow:0 1px 0 0 #FFF inset;     color:#111;     cursor:pointer;     display:inline-block;     font-weight:400;     margin:0 15px 6px 0;     padding:3px 10px;     text-decoration:none;     text-shadow:none}
.content:first-letter{float:left; color:#903; font-size:90px; line-height:60px; padding-top:10px; padding-right:8px; padding-left:3px; background:url(http://fullblogdesign-project.googlecode.com/svn/trunk/th_joget.gif )no-repeat bottom}
.content:after{content:&quot; Wassalam&quot; ; color:brown !important}
    
#pra-comment{    background:none repeat scroll 0 0 #1E90FF;     border:3px solid #E02424;     border-radius:4px 4px 4px 4px;     color:#FFF;     font:italic 12px Georgia;     margin-top:10px;     padding:10px;     position:relative;       width:630px}
 .popular-posts ul li{    padding-top:10px !important;     padding-bottom:10px !important;     padding-left:30px !important;     background:transparent url(http://2.bp.blogspot.com/-OTVt7xtODok/UbR7AAfB18I/AAAAAAAAB1o/ptAV9vzjuCo/s1600/icon-widget.png) no-repeat 0 10px;  border-bottom:#999 dotted 2px}
  /* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#fff;text-decoration:none;background-color:#b0130d;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #C02929;text-shadow:1px 1px 1px #000}
#header-wrapper{ background-color:#000;  overflow:hidden;  text-shadow:0 1px 0 rgba(0,0,0,.1);  margin:0 0 20px;  position:relative}

#header-wrapper .inner{padding:20px 30px}

#header-wrapper a{ text-decoration:none;  color:white}

#header-wrapper a:hover{color:#E0FFED}

#header-wrapper h1{ font-size:30px;  text-transform:uppercase}

#header-wrapper p{margin:10px 0 0}

#header-wrapper form input{background-color:red; border-radius:50px 50px 50px 50px; box-shadow:0 1px 3px black inset; color:#fff; display:block; Float:right; font:12px Verdana,Arial,Sans-Serif; margin:0 auto; width:40%}

#header-wrapper .toggle-button{ display:block;  font-weight:bold;  padding:10px 18px;  text-align:right;  border-top:0px solid #5D216C}

.hidden{display:none}
 
#comments h4{ color:#FFF;  font:italic bold 12px Georgia;  text-shadow:1px 1px 1px #000;  background-color:#B0130D;  border:3px solid #E02424;  box-shadow:4px 4px 4px #444;  text-align:left; padding:5px}
#top-nav{ position:fixed !important;  position:absolute;  bottom:10px;  right:10px;  z-index:999}
 
#random-post-container{width:265px}
#random-post-container ul, 
#random-post-container li{ margin:0;  padding:0;  list-style:none;  overflow:hidden}
#random-post-container img{ display:block;  float:left;  border:1px solid;  margin:2px 7px 5px 0;  box-shadow:4px 4px 2px #000}
#random-post-container a{ font-weight:bold;  font-size:110%;  color:blue}
#rancom-post-container .clear{ display:block;  clear:both}  
 #HTML2 a{color:red}
 #HTML2 a:hover{color:orange}
a.plus{    background:none repeat scroll 0 0 red;     border-bottom:1px solid #001E3C;     border-radius:10px 10px 10px 10px;     border-right:1px solid #001E3C;     color:#FFF;     display:block;     font-size:13px;     margin:8px 0;     padding:2px 8px;     text-shadow:1px 1px #001E3C}
.atasposting{background:transparent !important;     border:0px solid #0B610B;     margin:0 0 0.5em;     padding:2PX}
.atasposting.widget{}
.koran{float:left; color:#903; font-size:75px; line-height:60px; padding-top:5px; padding-right:8px; padding-left:3px; background:url(http://karina-project.googlecode.com/files/kucing%20joget.gif )no-repeat bottom}
 .authorbox{background:linear-gradient(90deg,cyan,#fff 50%,cyan); position:relative; border:#bbb solid 1px; height:165px; width:98%; transition:all 0.3s ease-in; margin-bottom:10px; padding:5px; box-shadow:2px 2px 2px #000}
.authoravatar{background:orange; border:#ccc9bd solid 1px; float:left; height:110px; position:relative; border-radius:4px; box-shadow:2px 2px 5px #000; width:110px; padding:2px; margin-left:3px}
.authoravatar img{height:110px; width:110px; border:0; border-radius:2px}
.authoravatar img:hover{transition:all 0.2s ease-in-out; opacity:0.699999988079071044921875}
.authorlabel{background:linear-gradient(90deg,orange,#fff 50%,orange); display:block; line-height:20px; height:20px; margin-left:-44px; position:absolute; bottom:-10px; left:50%; text-align:center; width:86px; box-shadow:2px 2px 2px #000}
.authorlabel:hover{background:linear-gradient(90deg,red,#fff 50%,red); border:#b0130d solid 1px; transition:all 0.2s ease-in-out}
.authorlabel a{font:bold 11px sans-serif; color:#fff}
.authorcontent{margin-left:125px}
.authorhead{background:linear-gradient(90deg,#B22222,#fff 50%,#B22222); border-bottom:1px solid #bbb; margin-bottom:5px; position:relative; padding:5px; box-shadow:2px 2px 2px #000}
.authorbox h3{font:12px Tahoma; font-weight:400; color:#fff; line-height:1.8em; border:none; text-transform:uppercase; text-decoration:none; transition:all 0.2s ease-in-out; margin:0}
.authorbox p.bio{font:12px sans-serif; line-height:18px; text-align:justify; margin:0}
ul.social-icon{list-style:none; overflow:hidden; margin:10px}
.social-icon li{float:right; background:none !important; margin:0 7px; padding:0 !important}
.social-icon li a{display:block; width:30px; height:30px; background:url(http://3.bp.blogspot.com/-MDyVcLcsaNk/Ubmv6CfTJ_I/AAAAAAAAB3s/d16EY6AoUzg/s320/social4.png) no-repeat transparent; text-indent:-99999em !important}
.social-icon li a:hover{padding:0 !important}
.social-icon li.rssicon a{background-position:0 0; transition:all 400ms ease-in-out}
.social-icon li.twicon a{background-position:-37px 0; transition:all 400ms ease-in-out}
.social-icon li.fbicon a{background-position:-74px 0; transition:all 400ms ease-in-out}
.social-icon li.bicon a{background-position:-112px 0; transition:all 400ms ease-in-out}
.social-icon li.rssicon a:hover{background-position:0 -37px}
.social-icon li.twicon a:hover{background-position:-37px -37px}
.social-icon li.fbicon a:hover{background-position:-74px -37px}
.social-icon li.bicon a:hover{background-position:-112px -37px}
.emailform{float:left; margin-top:-40px; margin-left:125px; padding:0}
#area-tex{width:180px}
.emoWrap{ background:linear-gradient(90deg,#1E90FF,#fff 50%,#1E90FF);  padding:2px;  color:black;  font:bold 12px Tahoma,Arial,Sans-Serif;  text-align:center; box-shadow:2px 2px 2px #000;  margin-top:10px;  max-width:650px !important}
img.emo, input.emoKey{ display:inline-block;  display:inline;  vertical-align:middle}
input.emoKey{ border:1px solid #ccc;  background-color:white;  font:bold 11px Arial,Sans-Serif;  padding:1px 2px;  margin:0px 0px 0px 2px;  color:black}